<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8">
		<title>词云图</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="icon" href="favicon.ico">
		<link rel="stylesheet" href="../../assets/css/main.css">
	</head>
	<script type="text/javascript" src="../../js/libs/jquery.min.js "></script>
	<script type="text/javascript" src="../../js/libs/layui/layui.js"></script>
	<script type="text/javascript" src="../../js/libs/vue/vue.js"></script>
	<script type="text/javascript" src="../../js/libs/vue/axios.min.js"></script>
	<script type="text/javascript" src="../../js/main.js"></script>
	<script type="text/javascript" src="../../js/utils.js"></script>
	<script type="text/javascript" src="../../js/libs/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="../../js/libs/echarts/echarts-wordcloud.min.js"></script>
	<style>
		 #backImg{
			background:url(../../assets/images/map.1.png) no-repeat 50% 50%;
			 background-size:71.625rem 41.25rem ;
		}
	</style>
	<body>
		<div class="panel panel-default">
			 	<div id="backImg" class="panel-body" style="width: auto;height: 900px;">
				     <div id="worldCloud" style="width: 100%;height: 100%"></div>
			 	</div>
		 </div>
	</body>
	<script type="text/javascript">
		var worldCloudcharts = echarts.init(document.getElementById('worldCloud'));
		let maskImage = new Image();
		// maskImage.src="";
		maskImage.src = "../../assets/images/map.1.png"
		var worldCloudoption = {
			title: {
				text: '研发部邮件主题分析',
				x: 'center',
				textStyle: {
					fontSize: 23,
					color: '#000'
				}

			},
			tooltip: {
				show: true
			},
			 maskImage:maskImage,
			series: [{
				name: '研发部邮件主题分析',
				type: 'wordCloud',
				sizeRange: [10, 100],
				rotationRange: [-90, 90],
				rotationStep: 45,
				gridSize: 2,
				shape: 'pentagon',
				autoSize: {
					enable: true,
					minSize: 6
				},
				textStyle: {
					normal: {
						color: function() {
							return 'rgb(' + [
								Math.round(Math.random() * 160),
								Math.round(Math.random() * 160),
								Math.round(Math.random() * 160)
							].join(',') + ')';
						}
					},
					emphasis: {
						shadowBlur: 10,
						shadowColor: '#333'
					}
				},
				data: [{
					name: "Jayfee",
					value: 666
				}, {
					name: "Nancy",
					value: 520
				}]
			}]
		};

		var JosnList = [];

		JosnList.push({
			name: "Jayfee",
			value: 666
		}, {
			name: "Nancy",
			value: 520
		}, {
			name: "生活资源",
			value: "999"
		}, {
			name: "供热管理",
			value: "888"
		}, {
			name: "供气质量",
			value: "777"
		}, {
			name: "生活用水管理",
			value: "688"
		}, {
			name: "一次供水问题",
			value: "588"
		}, {
			name: "交通运输",
			value: "516"
		}, {
			name: "城市交通",
			value: "515"
		}, {
			name: "环境保护",
			value: "483"
		}, {
			name: "房地产管理",
			value: "462"
		}, {
			name: "城乡建设",
			value: "449"
		}, {
			name: "社会保障与福利",
			value: "429"
		}, {
			name: "社会保障",
			value: "407"
		}, {
			name: "文体与教育管理",
			value: "406"
		}, {
			name: "公共安全",
			value: "406"
		}, {
			name: "公交运输管理",
			value: "386"
		}, {
			name: "出租车运营管理",
			value: "385"
		}, {
			name: "供热管理",
			value: "375"
		}, {
			name: "市容环卫",
			value: "355"
		}, {
			name: "自然资源管理",
			value: "355"
		}, {
			name: "粉尘污染",
			value: "335"
		}, {
			name: "噪声污染",
			value: "324"
		}, {
			name: "土地资源管理",
			value: "304"
		}, {
			name: "物业服务与管理",
			value: "304"
		}, {
			name: "医疗卫生",
			value: "284"
		}, {
			name: "粉煤灰污染",
			value: "284"
		}, {
			name: "占道",
			value: "284"
		}, {
			name: "供热发展",
			value: "254"
		}, {
			name: "农村土地规划管理",
			value: "254"
		}, {
			name: "生活噪音",
			value: "253"
		}, {
			name: "供热单位影响",
			value: "253"
		}, {
			name: "城市供电",
			value: "223"
		}, {
			name: "房屋质量与安全",
			value: "223"
		}, {
			name: "大气污染",
			value: "223"
		}, {
			name: "房屋安全",
			value: "223"
		}, {
			name: "文化活动",
			value: "223"
		}, {
			name: "拆迁管理",
			value: "223"
		}, {
			name: "公共设施",
			value: "223"
		}, {
			name: "供气质量",
			value: "223"
		}, {
			name: "供电管理",
			value: "223"
		}, {
			name: "燃气管理",
			value: "152"
		}, {
			name: "教育管理",
			value: "152"
		}, {
			name: "医疗纠纷",
			value: "152"
		}, {
			name: "执法监督",
			value: "152"
		}, {
			name: "设备安全",
			value: "152"
		}, {
			name: "政务建设",
			value: "152"
		}, {
			name: "县区、开发区",
			value: "152"
		}, {
			name: "宏观经济",
			value: "152"
		}, {
			name: "教育管理",
			value: "112"
		}, {
			name: "社会保障",
			value: "112"
		}, {
			name: "生活用水管理",
			value: "112"
		}, {
			name: "物业服务与管理",
			value: "112"
		}, {
			name: "分类列表",
			value: "112"
		}, {
			name: "农业生产",
			value: "112"
		}, {
			name: "二次供水问题",
			value: "112"
		}, {
			name: "城市公共设施",
			value: "92"
		}, {
			name: "拆迁政策咨询",
			value: "92"
		}, {
			name: "物业服务",
			value: "92"
		}, {
			name: "物业管理",
			value: "92"
		}, {
			name: "社会保障保险管理",
			value: "92"
		}, {
			name: "低保管理",
			value: "92"
		}, {
			name: "文娱市场管理",
			value: "72"
		}, {
			name: "城市交通秩序管理",
			value: "72"
		}, {
			name: "执法争议",
			value: "72"
		}, {
			name: "商业烟尘污染",
			value: "72"
		}, {
			name: "占道堆放",
			value: "71"
		}, {
			name: "地上设施",
			value: "71"
		}, {
			name: "水质",
			value: "71"
		}, {
			name: "无水",
			value: "71"
		}, {
			name: "供热单位影响",
			value: "71"
		}, {
			name: "人行道管理",
			value: "71"
		}, {
			name: "主网原因",
			value: "71"
		}, {
			name: "集中供热",
			value: "71"
		}, {
			name: "客运管理",
			value: "71"
		}, {
			name: "国有公交（大巴）管理",
			value: "71"
		}, {
			name: "工业粉尘污染",
			value: "71"
		}, {
			name: "治安案件",
			value: "71"
		}, {
			name: "压力容器安全",
			value: "71"
		}, {
			name: "身份证管理",
			value: "71"
		}, {
			name: "群众健身",
			value: "41"
		}, {
			name: "工业排放污染",
			value: "41"
		}, {
			name: "破坏森林资源",
			value: "41"
		}, {
			name: "市场收费",
			value: "41"
		}, {
			name: "生产资金",
			value: "41"
		}, {
			name: "生产噪声",
			value: "41"
		}, {
			name: "农村低保",
			value: "41"
		}, {
			name: "劳动争议",
			value: "41"
		}, {
			name: "劳动合同争议",
			value: "41"
		}, {
			name: "劳动报酬与福利",
			value: "41"
		}, {
			name: "医疗事故",
			value: "21"
		}, {
			name: "停供",
			value: "21"
		}, {
			name: "基础教育",
			value: "21"
		}, {
			name: "职业教育",
			value: "21"
		}, {
			name: "物业资质管理",
			value: "21"
		}, {
			name: "拆迁补偿",
			value: "21"
		}, {
			name: "设施维护",
			value: "21"
		}, {
			name: "市场外溢",
			value: "11"
		}, {
			name: "占道经营",
			value: "11"
		}, {
			name: "树木管理",
			value: "11"
		}, {
			name: "农村基础设施",
			value: "11"
		}, {
			name: "无水",
			value: "11"
		}, {
			name: "供气质量",
			value: "11"
		}, {
			name: "停气",
			value: "11"
		}, {
			name: "市政府工作部门（含部门管理机构、直属单位）",
			value: "11"
		}, {
			name: "燃气管理",
			value: "11"
		}, {
			name: "市容环卫",
			value: "11"
		}, {
			name: "新闻传媒",
			value: "11"
		}, {
			name: "人才招聘",
			value: "11"
		}, {
			name: "市场环境",
			value: "11"
		}, {
			name: "行政事业收费",
			value: "11"
		}, {
			name: "食品安全与卫生",
			value: "11"
		}, {
			name: "城市交通",
			value: "11"
		}, {
			name: "房地产开发",
			value: "11"
		}, {
			name: "房屋配套问题",
			value: "11"
		}, {
			name: "物业服务",
			value: "11"
		}, {
			name: "物业管理",
			value: "11"
		}, {
			name: "占道",
			value: "11"
		}, {
			name: "园林绿化",
			value: "11"
		}, {
			name: "户籍管理及身份证",
			value: "11"
		}, {
			name: "公交运输管理",
			value: "11"
		}, {
			name: "公路（水路）交通",
			value: "11"
		}, {
			name: "房屋与图纸不符",
			value: "11"
		}, {
			name: "有线电视",
			value: "11"
		}, {
			name: "社会治安",
			value: "11"
		}, {
			name: "林业资源",
			value: "11"
		}, {
			name: "其他行政事业收费",
			value: "11"
		}, {
			name: "经营性收费",
			value: "11"
		}, {
			name: "食品安全与卫生",
			value: "11"
		}, {
			name: "体育活动",
			value: "11"
		}, {
			name: "有线电视安装及调试维护",
			value: "11"
		}, {
			name: "低保管理",
			value: "11"
		}, {
			name: "劳动争议",
			value: "11"
		}, {
			name: "社会福利及事务",
			value: "11"
		}, {
			name: "一次供水问题",
			value: "11"
		});
		worldCloudoption.series[0].data = JosnList;

		worldCloudcharts.setOption(worldCloudoption);
	</script>
</html>
